<template>
  <div>
    <Header :title="title"></Header>
    <div class="aui-bg-red" :style="{height: height + 'px'}">
      <div style="padding: 0px 15px 30px 15px;margin:0;line-height:0">
          <img src="../../assets/step/sylc_1.png" alt="">
          <img src="../../assets/step/sylc_2.png" alt="">
          <img src="../../assets/step/sylc_3.png" alt="">
          <img src="../../assets/step/sylc_4.png" alt="">
          <img src="../../assets/step/sylc_5.png" alt="">
      </div>
    </div>

  </div>
</template>

<script>
  import Header from '../components/header.vue'
  export default {
    data () {
      return {
        height: 0,
        title: '试用流程'
      }
    },
    components: {
      Header
    },
    mounted() {
      this.height = document.documentElement.clientHeight + 150;
    }
  }
</script>

<style scoped>
  img {
    display: inherit;
    width: 100%;
    vertical-align:top;
    font-size:0;
    line-height: 0;
  }
</style>
